// 文本对齐方式
$align: left, center, right, justify;
@each $c in $align {
  .align-#{$c} {
    text-align: $c;
  }
}

$margin: (
  top: 3 5 10 15 20 30,
  right: 3 5 10 15 20 30,
  bottom: 3 5 10 15 20 30,
  left: 3 5 10 15 20 30
);
@each $direction, $value in $margin {
  @each $num in $value {
    .m-#{str-slice($direction, 1, 1)}-#{$num}px {
      margin-#{$direction}: #{$num * 2}rpx;
    }
  }
}

.v-middle {
  vertical-align: middle;
}

.wrapper {
  width: 90%;
  margin: 0 auto;
}

.w100 {
  width: 100%;
}

.h100 {
  height: 100%;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.f-s-small {
  font-size: $font-size-small;
}
.f-s-large {
  font-size: $font-size-large;
}

.f-w-blod {
  font-weight: blod;
}

.c-theme {
  color: $color-theme;
}
.c-sub-text {
  color: $color-sub-text;
}
.c-tips-text {
  color: $color-tips-text;
}
.c-placeholder {
  color: $color-placeholder;
}
.c-liked {
  color: #FF656C;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}
